import {View, Text} from 'native-base';
import React, {useState, useEffect} from 'react';
import {ScrollView, StyleSheet,Button, Alert} from 'react-native';
import Banner from './components/banner/index';
import SummaryArray from './components/SummaryArray';
import Advertisement from './components/advertisement';
import Commodify from './components/Commodify';

const Home = ({navigation}) => {
  useEffect(() => {}, []);

  return (
    <ScrollView nestedScrollEnabled={true}>
      {/* banner组件 */}
      <View classname="banner" style={styles.banner}>
        {/* <Banner /> */}
        {Banner(navigation)}
      </View>
      {/* 数据汇总 */}
      <SummaryArray />
      {/* 广告 */}
      <Advertisement />
      {/* 盲盒列表 */}
      <Commodify />
    </ScrollView>
  );
};

const styles = StyleSheet.create({
  banner: {
    position: 'relative',
    width: '100%',
    height: 260,
    overflow: 'hidden',
  },
});
export default Home;
